// pages/service/service.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listData: [{
        img: "/assets/img/other/img11.png",
        title: "星级服务员",
        description: "每餐两小时端茶倒水服务,大型餐宴提供部分卫生服务",
        price: 140,
        unit: '餐',
        num: 1
      },
      {
        img: "/assets/img/other/img11.png",
        title: "餐具租赁",
        description: "四海香配备餐具租赁,消毒卫生也可提供一次性碗筷",
        price: 8,
        unit: '套',
        num: 2
      },
      {
        img: "/assets/img/other/img11.png",
        title: "餐桌租赁",
        description: "八仙桌、圆桌、方桌，根据餐宴规模商家自动配选（配椅子）",
        price: 100,
        unit: '次',
        num: 0
      }
    ],
    totalPrice: 0,
    totalNum: 0,
    showModel: false
  },

  // 加法
  addFn(e) {
    let index = e.currentTarget.dataset.index;
    this.setData({
      [`listData[${index}].num`]: this.data.listData[index].num += 1
    })
    this.totalFn();
  },
  // 减法
  subFn(e) {
    let index = e.currentTarget.dataset.index;
    this.setData({
      [`listData[${index}].num`]: this.data.listData[index].num -= 1
    })
    this.totalFn();
  },

  // 计算总价
  totalFn(){
    let sum = 0;
    let num = 0;
    this.data.listData.map(v => {
      return sum += v.num * v.price;
    })
    this.data.listData.map(v => {
      return num += v.num;
    })
    this.setData({
      totalPrice: sum,
      totalNum: num
    })
  },
  // 显示蒙层
  showList(){
    this.setData({
      showModel: true
    })
  },
  // 蒙层-点击最外层内容是不受影响的
  showModel1(){
    this.setData({
      showModel: false
    })
  },
  // 内容部分的蒙层--这个函数必须要有
  showModel2(){},
  // 清空
  clearAllFn(){
    this.data.listData.forEach((v, i) => {
      this.setData({
        [`listData[${i}].num`] : 0
      })
    })
    this.totalFn();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.totalFn();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})